<div class="navbar navbar-default navbar-fixed-top" id="navbar-blog">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="/" class="navbar-brand">
                <img src="{{config.logoPath}}"/>
                <span>{{config.siteName}}</span>
            </a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="/">
                        <i class="fa fa-file-text-o fa-fw"></i> {{__ "navbar.index"}}
                    </a>
                </li>
                {{#unless isAuthenticated}}
                <li>
                    <a href="/login">
                            <i class="fa fa fa-user fa-fw"></i> {{__ "navbar.login"}}
                        </a>
                </li>

                <li>
                    <a href="/register">
                        <i class="fa fa-user-plus fa-fw"></i> {{__ "navbar.register"}}
                    </a>
                </li>
                {{/unless}}
                {{#if isAuthenticated}}
                <li >
                    <a href="/logout" class="login-out">
                            <i class="fa fa fa-user-o fa-fw"></i> {{__ "navbar.logout"}}
                        </a>
                </li>
                {{/if}}
                <li>
                    <a href="/editor">
                        <i class="fa fa-pencil-square-o fa-fw"></i> {{__ "navbar.editor"}}
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>